<template>
    <div v-text="onlyThis"></div>
    <div v-html="onlyThis2"></div>
    <div v-show="mitac">聚形散气</div>
    <button @click="mitac=!mitac">识破！</button>
    <br>
    <div v-if="mantra">阿瓦达肯大瓜</div>
    <button @click="mantra=!mantra">念咒</button>
    <br>
    <div v-if="choose === 1">五行</div>
    <div v-else-if="choose === 2">阴阳</div>
    <div v-if="choose === 3">八卦</div>
</template>

<script setup>
import { ref } from 'vue'
const onlyThis = ref('气度倒是不错，实力还差了点')
const onlyThis2 = ref('<b>实力倒是不错，阅历还差了点</b>')
const mitac = ref(false)
const mantra = ref(true)
const choose = ref(3)
</script>